@charset "utf-8";/* CSS Document */
.Nban{width:100%; height:415px;}
    .Nban p {
        width: 1200px;
        margin: 0 auto;
        line-height: 415px;
        font-size: 44px;
        color: #fff;
        font-weight: 600;
    }

.content{width:100%; overflow:hidden;}

.oneBox{width:100%; overflow:hidden; padding-top:40px;}
.oneBox{padding:42px 0 0 0;width:100%;position:relative;overflow:hidden}
.ser-contact-list li a{display:block;width:100%}
.wel-case-title{font-size:24px;color:#24272b;font-weight:bold;line-height:42px;margin-bottom:22px}
.wel-case-list{padding-top:35px; overflow:hidden;}
.oneBox .flex-viewport{overflow:visible!important}
.oneBox .slides li{overflow:hidden;position:relative;float:left;width:420px;margin-right:25px; height:365px;}
.oneBox .slides .con{position:absolute;bottom:-72%;left:0;width:80%;height:91%;z-index:2;display:block;padding:9% 10% 0;transition:bottom .3s}
.oneBox .slides .bg{width:100%;position:absolute;top:0;left:0;height:100%;background:#fff;z-index:1;opacity:0;filter:alpha(opacity=0)}
.oneBox .slides .font-bg{width:100%;position:absolute;top:0;left:0;height:100%;background:#000;z-index:1;opacity:0;filter:alpha(opacity=0);transition-property:opacity;transition-duration:.3s;transition-delay:.2s}
.oneBox .slides .tit{font-size:22px;color:#fff;line-height:25px;color:#fff;font-weight:bold}
.oneBox .slides .en{font-size:16px;color:#fff;opacity:.6;filter:alpha(opacity=60);line-height:24px;min-height:24px}
.oneBox .slides .font{font-size:18px;color:#fff;line-height:34px;margin-top:18px}
.oneBox .slides .more{margin-top:40px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:url(../images/wel02.png) no-repeat center}
.wel-case-list .flex-direction-nav{width:1200px; margin:0 auto; position:relative;}
.wel-case-list .flex-direction-nav a{opacity:1;filter:alpha(opacity=100);width:66px;height:77px;margin:-38px 0 0;text-shadow:none;background-size:100%!important;transition:background .3s;z-index:1; position:absolute; top:200px;}
.wel-case-list .flex-direction-nav a:before{font-size:0}
.oneBox .flex-viewport{overflow:visible!important}
.wel-case-list .flex-direction-nav .flex-prev{background:url(../images/a32.png) no-repeat center;left:0;}
.wel-case-list .flex-direction-nav .flex-next{background:url(../images/a33.png) no-repeat center;right:0;}
.wel-case-list .flex-direction-nav .flex-prev:hover{background:url(../images/a32_h.png) no-repeat center}
.wel-case-list .flex-direction-nav .flex-next:hover{background:url(../images/a33_h.png) no-repeat center}
.oneBox .slides li:hover .con{bottom:0}
.oneBox .slides li:hover .font-bg{opacity:.3;filter:alpha(opacity=30)}

.twoBox{width:100%; overflow:hidden; padding-top:40px;}
.twoCnn{width:1200px; margin:40px auto 0; overflow:hidden;}
.twoCnn .topCto{width:100%; overflow:hidden;}
.twoCnn .topCto .imgNc{width:720px; float:left;}
.twoCnn .topCto .imgNc a{width:720px; height:308px;overflow:hidden; display: table-cell;vertical-align: middle;}
.twoCnn .topCto .imgNc a img{max-width: 100%;max-height: 308px;display: block;margin: auto;}
.twoCnn .topCto .conTex{width:400px; padding-left:80px; float:left; height:308px; overflow:hidden;}
.twoCnn .topCto .conTex b{font-size:30px; color:#040404; font-weight:500; display:block; padding-top:70px;}
.twoCnn .topCto .conTex span{font-size:16px; color:#040404; display:block; padding:15px 0;}
.twoCnn .topCto .conTex a{font-size:16px; color:#040404; display:block; width:150px; line-height:34px; border:1px solid #040404; text-align:center;}
.twoCnn .topCto .conTex a:hover{color:#f8ad01; border:1px solid #f8ad01;}

.twoCnn ul{overflow:hidden; width:100%; padding:35px 0;}
.twoCnn ul li{ position:relative; width:280px; height:180px; margin:0 10px; float:left;}
.twoCnn ul li p{width:280px; height:180px;overflow:hidden; display: table-cell;vertical-align: middle;}
.twoCnn ul li p img{max-width: 100%;max-height: 180px;display: block;margin: auto;}
.twoCnn ul li .con{display:block;width:90%;position:absolute;bottom:0;left:0;text-align:left; line-height:24px; padding:5px 5%; background:rgba(248,173,1,0.5);opacity:0;filter:alpha(opacity=0);}
.twoCnn ul li .con h2{font-size:16px;color:#010101;width:100%;overflow:hidden}
.twoCnn ul li a{ display:block;}
.twoCnn ul li a:hover{box-shadow:0 0 30px rgba(0,0,0,.1)}
.twoCnn ul li:hover .con{opacity:1;filter:alpha(opacity=100)}

.threeBox{width:100%; overflow:hidden; padding-top:40px;/* background:url(../images/bgTx.jpg) no-repeat center; background-size:cover;*/}
.threeBox .Cree{width:100%; margin:0 auto;position: relative;overflow: hidden;}
.threeBox .Cree p{font-size:34px;color: #FFFFFF; line-height:75px; text-align:center;margin-top: 300px;cursor: pointer;}
.threeBox .Cree .goThre{width:100%; text-align:center; padding:70px 0 50px;}
.threeBox .Cree a{background:#FFFFFF; display:inline-block;font-size:20px; width:200px; line-height:50px; margin:0 55px;color:rgba(248,173,1,0.9); }
.threeBox .Cree a:hover{background:rgba(248,173,1,0.9);color:#fff; }
.fourBox{width:100%; overflow:hidden; padding-top:70px; background:#f5f5f5;}
/*.fourBox ul{width:1200px; overflow:hidden; margin:40px auto; height:535px; position:relative;}*/
/*.fourBox ul li:nth-child(1){width:785px; height:245px; background:url(../images/bgFour1.jpg) no-repeat; background-size:cover; position:absolute; left:20px; top:0;}*/
/*.fourBox ul li:nth-child(2){width:355px; height:535px; background:url(../images/bgFour2.jpg) no-repeat; background-size:cover; position:absolute; right:20px; top:0;}*/
/*.fourBox ul li:nth-child(3){width:380px; height:270px; background:#fff; background-size:cover; position:absolute; left:20px; bottom:0;}*/
/*.fourBox ul li:nth-child(4){width:380px; height:270px; background:url(../images/bgFour4.jpg) no-repeat; background-size:cover; position:absolute; left:425px; bottom:0;}*/
/*.fourBox ul li:nth-child(1) a{color:#fff; text-align:left; width:40%; padding:0 5%; display:block; background:rgba(0,0,0,0.5); height:100%;}*/
/*.fourBox ul li:nth-child(2) a{color:#fff; text-align:left; width:90%; padding:0 5%; display:block; height:100%;}*/
/*.fourBox ul li:nth-child(3) a{color:#333; text-align:center; width:76%; padding:0 12%; display:block; height:100%;}*/
/*.fourBox ul li:nth-child(4) a{color:#fff; text-align:center; width:76%; padding:0 12%; display:block; height:100%;}*/
/*.fourBox ul li font{font-size:20px; display:block; line-height:30px; padding-top:25px; padding-bottom:10px;}*/
/*.fourBox ul li span.fon{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; font-size:14px; display:block; line-height:24px;}*/
/*.fourBox ul li span.date{font-size:16px; line-height:26px; padding-top:10px; display:block;}*/
.fterBot{width:100%; text-align:center; line-height:55px; background:#363636; color:#afafaf; font-size:14px;}

.four-news-wrap{width:1200px; overflow:hidden; margin:40px auto;display: flex;justify-content: space-between;}
.four-news-wrap .four-news-left{width: 580px;box-sizing: border-box;padding: 50px;background-color: #E5E5E5;}
.four-news-wrap .four-news-left .left-date{display: inline-block;width: 200px;padding-bottom: 20px;border-bottom: 5px solid #F79700;}
.four-news-wrap .four-news-left .left-date p{font-size: 18px;color: rgba(248,173,1,0.9);}
.four-news-wrap .four-news-left .left-date p span{font-size: 88px;color: rgba(248,173,1,0.9);margin-right: 10px;font-weight: 600;}
.four-news-wrap .four-news-left h5{margin-top: 25px;}
.four-news-wrap .four-news-left h5 a{font-size: 20px;color: #333333;}
.four-news-wrap .four-news-left h5 a:hover{color: rgba(248,173,1,0.9);}
.four-news-wrap .four-news-left p{font-size: 16px;color: #8a8a8a;line-height: 30px;margin-top: 20px;}
.four-news-wrap .four-news-left .left-more{display: inline-block;padding: 10px 30px;border-radius: 50px;background-color: rgba(248,173,1,0.9);color: #FFFFFF;margin-top: 40px;font-size: 16px;cursor: pointer;}
.four-news-wrap .four-news-left .left-more:hover{background-color: #FFFFFF;color: rgba(248,173,1,0.9);}
.four-news-wrap .four-news-right{width: 580px;border: 1px solid #eeecec;}
.four-news-wrap .four-news-right div{width: 100%;}
.four-news-wrap .four-news-right div img{width: 100%;}
.four-news-wrap .four-news-right ul{width: 100%;box-sizing: border-box;padding: 10px;}
.four-news-wrap .four-news-right ul li{margin-top: 15px;}
.four-news-wrap .four-news-right ul li a{display: flex;justify-content: space-between;cursor: pointer;}
.four-news-wrap .four-news-right ul li a:hover span{color: #F79700;}
.four-news-wrap .four-news-right ul li a span{font-size: 14px;color: #8a8a8a;}
.four-news-wrap .four-news-right ul li a span:first-child{width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.four-news-wrap .four-news-right ul li a span:first-child:before{content: '';width: 5px;height: 5px;background-color: #8a8a8a;}


.newsLisy{width:100%; overflow:hidden; padding-top:50px;}
.newsLisy .topNews{width:100%; overflow:hidden; margin-bottom:40px;}
.newsLisy .topNews .pic{width:520px; float:left; overflow:hidden;}
.newsLisy .topNews .pic img{width:100%;transition:transform .3s;}
.newsLisy .topNews .pic:hover img{transform:scale(1.1);}
.newsLisy .topNews .tit{width:630px; padding:0 20px; float:right;}
.newsLisy .topNews .tit h2{font-size:22px; color:#f4ab03; font-weight:500; line-height:40px;}
.newsLisy .topNews .tit p{color:#5f5f5f; font-size:14px; line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.newsLisy .topNews .tit font{display:block; width:100%; padding-top:30px; overflow:hidden; line-height:35px;}
.newsLisy .topNews .tit span{color:#8b8989; font-size:14px; float:left;}
.newsLisy .topNews .tit a.more{width:100px; line-height:35px; color:#f4ab03; border:1px solid #f4ab03; float:right; text-align:center; font-size:14px;}

.news-list-bot{width:100%}
.news-list-bot li{width:375px;margin:0 35px 40px 0;float:left;transition:box-shadow .3s;}
.news-list-bot li:nth-child(3n){margin-right:0}
.news-list-bot li .pic{width:373px;height:173px;border:1px solid #e6e6e6;overflow:hidden; display: table-cell;vertical-align: middle;}
.news-list-bot li .pic img{max-width: 100%;max-height: 173px;display: block;margin: auto;transition:transform .3s;}
.news-list-bot li .con{display:block;width:333px;border:1px solid #e6e6e6;border-top:0;padding:10px 20px 20px;text-align: center;}
.news-list-bot li h2{font-size:18px;color:#333;line-height:30px;transition:color .3s; font-weight:500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news-list-bot li .time{color:#999;line-height:26px;font-size:14px; padding-top:15px;}
.news-list-bot li .font{font-size:14px;color:#666;line-height:24px;margin-top:14px;height:48px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-list-bot li:hover img{transform:scale(1.1);}
.news-list-bot li:hover h2{color:#f4ab03;}
.news-list-bot li:hover{box-shadow:0 0 20px rgba(0,0,0,.1);}

.product-channel{background:#fff;width:100%;padding:40px 0 0;}
.product-channel-list{width:1200px; margin:20px auto 0; overflow:hidden;}
.product-channel-list ul{width:590px;float:left}
.product-channel-list li{width:588px;float:left;margin-bottom:25px;border:1px solid #eeecec;transition:box-shadow .3s}
.product-channel-list ul:nth-child(2){float:right}
.product-channel-list .tit{width:91%;padding:0 5% 0 4%;height:88px;display:block;line-height:88px;background:url(../images/pro15.png) no-repeat right 5% center;transition:background .3s}
.product-channel-list .pic{padding-left:55px;font-size:20px;color:#333;transition:color .3s}
.product-channel-list li .con{width:518px;display:none;padding:24px 35px 32px 35px}
.product-channel-list li .scrollbar{width:518px;max-height:572px;overflow:auto}
.product-channel-list li .scrollbar::-webkit-scrollbar{width:3px;height:3px;background-color:#ececec}
.product-channel-list li .scrollbar::-webkit-scrollbar-track{border-radius:10px;background-color:#ececec}
.product-channel-list li .scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:#f8ad01}
.product-channel-list li dl{width:100%}
.product-channel-list li dd{display:block;width:100%}
.product-channel-list li .dd-tit{width:483px;padding-left:35px;font-size:18px;color:#333;line-height:65px;border-bottom:1px solid #eaeaea;display:block;transition:background .3s,color .3s}
.product-channel-list li .dd-tit.on{background:url(../images/pro15.png) no-repeat left center}
.product-channel-list li .con-t{width:100%}
.product-channel-list li .con-tb{display:block;width:473px;padding-left:45px;font-size:16px;color:#333;line-height:45px;border-bottom:1px solid #eaeaea;transition:background .3s,color .3s}
.product-channel-list li .tb-box{display:none}
.product-channel-list li .con-tb.on{background:url(../images/pro15.png) no-repeat 10px center}
.product-channel-list li .tb-box-t{width:100%;padding-left:50px;font-size:16px;color:#333;line-height:40px;border-bottom:1px solid #eaeaea;display:block}
.product-channel-list li .con-t{display:none}
.product-channel-list .ico01{background:url(../images/pro01.png) no-repeat left center}
.product-channel-list .ico02{background:url(../images/pro02.png) no-repeat left center}
.product-channel-list .ico03{background:url(../images/pro03.png) no-repeat left center}
.product-channel-list .ico04{background:url(../images/pro04.png) no-repeat left center}
.product-channel-list .ico05{background:url(../images/pro05.png) no-repeat left center}
.product-channel-list .ico06{background:url(../images/pro06.png) no-repeat left center}
.product-channel-list li.out{box-shadow:0 0 10px rgba(0,0,0,.1)}
.product-channel-list li.out .tit{background:#f8ad01 url(../images/pro15_h.png) no-repeat 95% center}
.product-channel-list li.out .pic{color:#fff}
.product-channel-list li.out .ico01{background:url(../images/pro01_h.png) no-repeat left center}
.product-channel-list li.out .ico02{background:url(../images/pro02_h.png) no-repeat left center}
.product-channel-list li.out .ico03{background:url(../images/pro03_h.png) no-repeat left center}
.product-channel-list li.out .ico04{background:url(../images/pro04_h.png) no-repeat left center}
.product-channel-list li.out .ico05{background:url(../images/pro05_h.png) no-repeat left center}
.product-channel-list li.out .ico06{background:url(../images/pro06_h.png) no-repeat left center}
.product-channel-list li .dd-tit.cur{background:#f8ad01;color:#fff}
.product-channel-list li .dd-tit.on.cur{background:#f8ad01 url(../images/pro15_h.png) no-repeat 2px center}
.product-channel-list li .con-tb.cur{background:#f8ad01;color:#fff}
.product-channel-list li .con-tb.on.cur{background:#f8ad01 url(../images/pro15_h.png) no-repeat 10px center}

.case-channel{padding:50px 0 30px;background:#fff; overflow:hidden;}
.case-channel .title{text-align:center;margin-bottom:30px;}
.case-channel .title h2{font-size:32px;color:#333;line-height:52px; font-weight:500;}
.case-channel .title p{font-size:16px;color:#666;line-height:26px}
.case-channel .list{width:100%; overflow:hidden;}
.case-channel .list li{width:285px;float:left;margin:0 20px 20px 0;overflow:hidden;position:relative; height:240px;}
.case-channel .list li:nth-child(4n){margin-right:0}
.case-channel .list li a{display:block; height:100%;}
.case-channel .list li img{width:180%;transition:transform .3s;}
.case-channel .list .bg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:1;opacity:0;filter:alpha(opacity=0);transition:opacity .3s;}
.case-channel .list .con{width:255px;position:absolute;bottom:-88px;left:0;padding:0 15px 45px 15px;z-index:2;background:url(../images/case14_h.png) no-repeat center -7px;transition:bottom .3s}
.case-channel .list h2{font-size:20px;color:#fff;line-height:39px; font-weight:500;}
.case-channel .list p.font{font-size:14px;color:#fff;line-height:23px;height:46px;overflow:hidden;margin-bottom:32px}
.case-channel .list .more{width:120px;height:34px;text-align:center;line-height:34px;background:#f8ad01;color:#fff;font-size:14px;border-radius:20px}
.case-channel .list li:hover img{transform:scale(1.1);}
.case-channel .list li:hover .bg{opacity:1;filter:alpha(opacity=1);}
.case-channel .list li:hover .con{bottom:0;}

.joinBox{width:100%; background:url(../images/joinBg.jpg) no-repeat; background-size:cover; margin-bottom:45px;}
.joinTle{font-size:30px; color:#fff; text-align:center; padding:45px 0 65px; line-height:40px;}

.joinTab{width:980px; margin:0 auto; overflow:hidden;}
.joinTab .hd{width:100%; overflow:hidden;}
.joinTab .hd ul{width:100%; overflow:hidden; text-align:center;}
.joinTab .hd ul li{width:230px; height:125px; padding:20px; float:left;
    background: #fff;
     /* background:url(../images/bh_g.png) repeat; */
      margin:0 110px; cursor:pointer;}
.joinTab .hd ul li font{width:100%; display:block; padding-top:70px; font-size:22px; color:#f8ad01;}
.joinTab .hd ul li:nth-child(1) font{background:url(../images/tabTon1.png) no-repeat center 10px;}
.joinTab .hd ul li:nth-child(2) font{background:url(../images/tabTon2.png) no-repeat center 10px;}
.joinTab .hd ul li:nth-child(3) font{background:url(../images/tabTon3.png) no-repeat center 10px;}
.joinTab .hd ul li span{width:100%; display:block; font-size:14px; color:#f8ad01;}

.joinTab .bd{ padding:35px 120px; margin-bottom:150px;background:url(../images/bh_g.png) repeat; margin-top:73px;}
.joinTab .bd ul{width:100%; position:relative;}
.joinTab .bd ul .bgTg{width:57px; height:28px; position:absolute; background:url(../images/joinOn.png) no-repeat;}
.joinTab .bd ul:nth-child(1) .bgTg{top:-77px; left:90px;}
/*.joinTab .bd ul:nth-child(2) .bgTg{top:-63px; left:425px;}*/
.joinTab .bd ul:nth-child(2) .bgTg{top:-63px; left:750px;}
.joinTab .bd ul .leIno{width:420px; padding-right:35px; float:left; min-height:400px; overflow:hidden; background:url(../images/bgOn_le.png) no-repeat right top; background-size:1px 100%;}
.joinTab .bd ul .riIno{width:420px; padding-left:35px; float:left;}
.joinTab .bd ul .culture{font-size:14px; line-height:22px; color:#333;}
.joinTab .bd ul .joinBoxM{width:725px; overflow:hidden; margin:0 auto;}
.joinTab .bd ul .joinBoxM .mMin{margin:0 10px 15px; float:left; overflow:hidden;}
.joinTab .bd ul .joinBoxM h3{font-size:15px; line-height:24px; text-align:center; font-weight:500; margin-bottom:30px;}
.joinTab .bd ul .joinBoxM .mMin img{width:125px;}
.joinTab .bd ul .joinBoxM .mMin span{display:block; font-size:14px; color:#333; line-height:24px; text-align:center;}
.joinTab .bd ul h2{font-size:22px; color:#0b0b0b; padding-bottom:10px; font-weight:500;}
.joinTab .bd ul .leIno li{font-size:14px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;}
.joinTab .bd ul .leIno li a{ color:#908b8b;}
.joinTab .bd ul .leIno li font{width:330px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#545252;}
.joinTab .bd ul .leIno li span{float:right; color:#353434;}
.joinTab .bd ul .riIno li{width:125px; height:110px; border:1px solid #ddd; margin-bottom:10px; background:#fff; margin-right:10px; float:left;}
.joinTab .bd ul .riIno li:hover{border:1px solid #f8ad01;}
.joinTab .bd ul .riIno li a{width:125px; height:110px;overflow:hidden; display: table-cell;vertical-align: middle;}
.joinTab .bd ul .riIno li a img{max-width: 100%;max-height: 110px;display: block;margin: auto;}

.service-channel-bot{padding:60px 0 40px;width:100%;background:#fff}
.service-channel-bot ul{width:1200px; margin:0 auto; overflow:hidden;}
.service-channel-bot li{width:375px;float:left;margin-left:37px;position:relative;overflow:hidden}
.service-channel-bot li:first-child{margin-left:0}
.service-channel-bot li .con{position:absolute;bottom:0;left:0;width:84%;padding:0 8% 40px}
.service-channel-bot li h2{font-size:22px;color:#fff;line-height:30px;margin-bottom:5px;transition:color .3s; font-weight:500;}
.service-channel-bot li p{font-size:16px;color:#fff;line-height:28px}
.service-channel-bot li img{width:100%;transition:transform .3s;}
.service-channel-bot li:hover h2{color:#f8ad01;}
.service-channel-bot li:hover img{transform:scale(1.1);}

.pubWhe{width:1200px; margin:0 auto 60px; overflow:hidden;}
.pubWhe h2{color:#2e2d2d; font-size:18px; font-weight:500; line-height:45px; border-bottom:1px solid #ccc;}
.pubWhe ul li{width:100%; overflow:hidden;}
.pubWhe ul li .onliT{line-height:65px; border-bottom:1px solid #ccc; width:100%; background:url(../images/rGmre.jpg) no-repeat 98% center; cursor:pointer;}
.pubWhe ul li .onliT font{font-size:15px; color:#2e2d2d; padding-left:50px; background:url(../images/bgWt.png) no-repeat 10px center; display:inline-block;}
.pubWhe ul li .con{width:1160px;padding:20px;background:#f7f7f7; display:none;}
.pubWhe ul li dd{background:#fff;padding:20px 20px 20px; width:1120px;}
.pubWhe ul li dd h3{line-height:36px;font-size:20px;color:#333;margin-bottom:14px; font-weight:500;}
.pubWhe ul li dd .line{padding-bottom:20px;border-bottom:1px solid #e6e5e5;}
.pubWhe ul li dd p{font-size:15px;color:#666;line-height:25px}

.tactBox{background:#f5f5f5; width:100%; overflow:hidden;}
.conTact{width:1140px; background:#fff; padding:30px 120px; margin:60px auto 60px; overflow:hidden; position:relative;}
.conTact .map{width:515px; overflow:hidden; float:left; margin-right:30px;}
.conTact .tabTac{width:500px;height:415px;margin:30px 30px 0; float:right; color: #333;background: url(../images/lxwmbg.jpg) no-repeat center bottom;}
.conTact .tabTac h2{font-size:20px;color: #f8ad01;font-weight: normal;margin-bottom: 18px;}
.conTact .tabTac .hd{width:100%; overflow:hidden;}
.conTact .tabTac .hd ul{ border-top:1px solid #ccc; overflow:hidden;}
.conTact .tabTac .hd ul li{width:177px; line-height:35px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; float:left; text-align:center;color:#868480; font-size:14px; cursor:pointer;}
.conTact .tabTac .hd ul li:nth-child(3n){border-right:1px solid #ccc;}
.conTact .tabTac .hd ul li.on{color:#fff; background:#f8ad01;}

.conTact .tabTac .bd ul{font-size:14px; color:#41403f; line-height:26px; padding-top:10px;}
.conTact .tabTac .bd ul h3{color:#000; font-size:16px; padding-bottom:10px; font-weight:500;}

.newsFist{width:100%; overflow:hidden; padding:50px 0 60px;}
.newsFist .title{text-align:center;margin-bottom:30px;}
.newsFist .title h2{font-size:32px;color:#333;line-height:52px; font-weight:500;}
.newsFist .title p{font-size:16px;color:#666;line-height:26px}
.newsFist ul{width:1200px; margin:0 auto; overflow:hidden;}
.newsFist li{width:375px;float:left;margin-left:37px;position:relative;overflow:hidden}
.newsFist li:first-child{margin-left:0}
.newsFist li .con{position:absolute;bottom:0;left:0;width:84%;padding:0 8% 25px}
.newsFist li h2{font-size:22px;color:#fff;line-height:30px;margin-bottom:5px;transition:color .3s; font-weight:500;}
.newsFist li p{font-size:16px;color:#fff;line-height:28px}
.newsFist li img{width:100%;transition:transform .3s;}
.newsFist li:hover h2{color:#f8ad01;}
.newsFist li:hover img{transform:scale(1.1);}

.comtomBan{width:100%; height:435px; background:url(../images/comtomBan.png) no-repeat center;}
.comtomBan h2{font-size:48px; color:#fff; text-align:center; font-weight:500; text-transform:uppercase; padding-top:205px;}
.comtomBan .goThre{width:100%; text-align:center; padding:60px 0 50px;}
.comtomBan .goThre a{background:rgba(248,173,1,0.9); display:inline-block; color:#fff; font-size:20px; width:200px; line-height:50px; margin:0 35px;}

.subNc{width:100%; padding:35px 0 45px; overflow:hidden;}
.subNc ul{width:1200px; margin:0 auto; height:auto !important;}
.subNc ul li{padding:20px 110px 20px 20px; height:95px; width:170px; float:left;}
.subNc ul li:nth-child(1){background:url(../images/comNc1.jpg) no-repeat 88% 38px;}
.subNc ul li:nth-child(2){background:url(../images/comNc2.jpg) no-repeat 88% 36px;}
.subNc ul li:nth-child(3){background:url(../images/comNc3.jpg) no-repeat 88% 38px;}
.subNc ul li:nth-child(4){background:url(../images/comNc4.jpg) no-repeat 88% 40px;}
.subNc ul li span{color:#f8ad01; font-size:36px; display:block; line-height:50px;}
.subNc ul li font{color:#787776; font-size:16px; display:block; line-height:22px;}
.subNc ul li:hover{box-shadow:0 0 20px rgba(0,0,0,.2);}

.aboutTar{width:100%; background:#f9f9f9 url(../images/about3bg.jpg) no-repeat center; height:465px; overflow:hidden;}
.aboutTar .tarAle{width:600px; float:left; padding-top:120px;}
.aboutTar .tarAle h2{color:#efb220; font-size:30px; font-weight:500;}
.aboutTar .tarAle p{color:#474644; font-size:18px; padding:25px 0 50px;}
.aboutTar .tarAle a{font-size:16px; color:#fff; display:inline-block; width:190px; height:45px; line-height:45px; background:#efb11d url(../images/head05.png) no-repeat 80% center; text-indent:45px;}

.aboutTar .tarAri{width:600px; float:left; overflow:hidden;position:relative;}
.aboutTar .tarAri .hd{ height:15px; overflow:hidden; position:absolute; right:45%; bottom:30px; z-index:1; }
.aboutTar .tarAri .hd ul{ overflow:hidden; zoom:1; float:left;  }
.aboutTar .tarAri .hd ul li{ float:left; margin-right:5px; border-radius:100%; border:1px solid #ccc;  width:10px; height:10px; line-height:14px; text-align:center; cursor:pointer; }
.aboutTar .tarAri .hd ul li.on{ background:#eeb325; border:1px solid #eeb325;}
.aboutTar .tarAri .bd{ position:relative; height:100%; z-index:0;   }
.aboutTar .tarAri .bd li{ zoom:1; vertical-align:middle; }
.aboutTar .tarAri .bd li a{width:600px; height:430px;overflow:hidden; display: table-cell;vertical-align: middle;}
.aboutTar .tarAri .bd li a img{max-width: 100%;max-height:321px;display: block;margin: auto;}

.salAbout{width:100%; overflow:hidden; padding:40px 0 40px;}
.salAbout .tleAbo{width:100%; text-align:center; overflow:hidden;}
.salAbout .tleAbo font{display:block; color:#777; font-size:26px; text-transform:uppercase;}
.salAbout .tleAbo span{display:block; color:#666; font-size:20px;}

.ac-about{width:1200px; height:auto !important; margin:30px auto 0;}
.ac-about li{width:380px;margin-left:30px;float:left;text-align:left; padding-bottom:20px;}
.ac-about li:first-child{margin-left:0}
.ac-about li a{display:block;width:100%}
.ac-about li .pic{width:100%;overflow:hidden}
.ac-about li img{width:100%;transition:transform .3s}
.ac-about li h3{font-size:18px;color:#333;line-height:39px;margin-top:14px;transition:color .3s; font-weight:500; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:340px; padding:0 20px;}
.ac-about li .font{font-size:14px;color:#5f5f5f;line-height:29px;margin-top:8px;height:58px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; width:340px; padding:0 20px;}
.ac-about li .more{margin-top:30px;padding-left:40px;font-size:16px;color:#f8ab00;line-height:25px;background:url(../images/ab08.png) no-repeat left center; margin-left:20px;}
.ac-about li:hover{box-shadow:0 0 20px rgba(0,0,0,.2);}
.ac-about li:hover img{transform:scale(1.1)}
.ac-about li:hover h3{color:#f8ab00}

/*.history{padding: 2.6% 0 8.2%;background: url(../images/bg_bg03.jpg) no-repeat center;background-size: cover;}
.history .tleAbo{width:100%; text-align:center; overflow:hidden;}
.history .tleAbo font{display:block; color:#fff; font-size:26px; text-transform:uppercase;}
.history .tleAbo span{display:block; color:#fff; font-size:20px;}
.history .in{background: url(../images/bg_line01.png) no-repeat center;height: 514px;margin-top: 20px;}
.history .list-box{width: 1040px;height: 612px;margin-left: 100px;}
.history .list-box ul{height: 612px;}
.history .list-box li{position: absolute;bottom: 355px;width: 220px;min-height: 176px;padding-left: 32px;background: url(../images/bg_line02.png) no-repeat left top;font-size: 13px;line-height: 20px;color: #cee5fa;transform: translateX(30px);opacity:1;}
.history .list-box li h2{font-size: 36px;line-height: 50px;color: #fff;}
.history .list-box li.cur h2{font-weight: bold;font-size: 46px;line-height: 60px;}
.history .list-box li img{display: block;max-width: 100%;margin: 18px 0;}
.history .list-box li:nth-child(2n){bottom: auto;top: 258px;padding-top: 92px;background: url(../images/bg_line03.png) no-repeat left -79px;}
.history .list-box li:nth-child(2){left: 120px;}
.history .list-box li:nth-child(3){left: 330px;}
.history .list-box li:nth-child(4){left: 450px;}
.history .list-box li:nth-child(5){left: 660px;}
.history .list-box li:nth-child(6){left: 780px;}
.history .btn{top: 50%;width: 37px;height: 37px;margin-top: -18.5px;cursor: pointer;}
.history .btn.prev{left: 0;background: url(../images/prev01.png) no-repeat #035cac;}
.history .btn.next{right: 0;background: url(../images/next01.png) no-repeat #035cac;}
.history .line{left: 0;top: 50%;width: 100%;height: 2px;background: #fff;margin-top: -1px;}*/

.conPulick{width:1200px; margin:0 auto; overflow:hidden; padding-top:45px; padding-bottom:45px;}
.conPulick .leMcon{float:left; width:850px; overflow:hidden; padding-bottom:10px;}
.conPulick .leMcon h2{font-size:26px;color:#000;line-height:30px;padding-bottom:30px;border-bottom:1px solid #f2f2f2;padding-right:125px;position:relative;margin-bottom:30px; font-weight:500;}
.conPulick .leMcon .time{font-size:14px;color:rgba(51,51,51,.5);line-height:30px;position:absolute;top:0;right:0}
.conPulick .leMcon .conTxt p,.conPulick .leMcon .conTxt{font-size:16px;color:#666;line-height:26px;margin-bottom:15px}
.conPulick .leMcon .conTxt img{max-width:100%;height:auto!important;vertical-align: middle;}
.info-page{width:92%;padding:17px 3.6%;background:#fff;margin:29px auto 0;text-align:center}
.info-page.on{box-shadow:0 0 10px rgba(0,0,0,.2)}
.info-page a{display:inline-block;font-size:16px;line-height:36px;color:#666;transition:color .3s;}
.info-page a:hover{color:#f8ad01;}
.info-page a.prev{float:left}
.info-page a.next{float:right}
.info-page a.return{padding:0 15px 0 45px;background:url(../images/news11.png) no-repeat 15px center;transition:background .3s,color .3s}
.info-page a.return:hover{background:#f8ad01 url(../images/news11_h.png) no-repeat 15px center; color:#fff;}

.conPulick .riLsy{float:right; border:1px solid #f2f2f2; width:305px;}
.conPulick .riLsy h3{background:#f9f9f9; line-height:48px; font-weight:500; font-size:16px; color:#333; padding:0 20px;}
.conPulick .riLsy a{display:block;width:250px;font-size:16px;color:#666;line-height:26px;padding:7px 0 7px 15px;background:url(../images/case23.png) no-repeat left 17px;transition:background .3s,color .3s; margin:0 20px;}
.conPulick .riLsy a:hover{background:url(../images/case23_h.png) no-repeat left 17px;color:#f8ad01;}

.productBoxnn{width:100%; margin:0 auto; overflow:hidden; background:#fafafa;}
.productBoxnn .topDuct{width:1200px; overflow:hidden; padding:15px 0; margin:0 auto;}

.leDuc{float:left; width:700px; position:relative;  overflow:hidden;  zoom:1;position: relative;}
.leDuc .bigImg{ height: 330px; position: relative;}
.leDuc .bigImg li a{width:700px; height:330px;overflow:hidden; display: table-cell;vertical-align: middle;}
.leDuc .bigImg li a img{max-width: 100%;max-height: 330px;display: block;margin: auto;}

.leDuc .smallScroll{width:100%; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.leDuc .sPrev{width:30px; height:30px; border:2px solid #f8ad01; border-radius:100%; display:block; float:left; background:url(../images/nextN.png) no-repeat center; background-size:20px; margin-top:28px;}
.leDuc .sNext{width:30px; height:30px; border:2px solid #f8ad01; border-radius:100%; display:block; float:left; background:url(../images/prevN.png) no-repeat center; background-size:20px; margin-top:28px;}

.leDuc .smallImg{ float:left; display:inline; overflow: hidden; width:620px; margin:0 5px;}
.leDuc .smallImg ul{width: 9999px; overflow: hidden; }
.leDuc .smallImg li{ padding-top:5px; float:left;  text-align:center; margin:0 5px; cursor:pointer;}
.leDuc .smallImg li a{width:140px; height:80px; border:2px solid #ddd;overflow:hidden; display: table-cell;vertical-align: middle;}
.leDuc .smallImg li a img{max-width: 100%;max-height: 80px;display: block;margin: auto;}
.leDuc .smallImg ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.leDuc .smallImg ul li.on a{ border-color:#f8ad01;  }
.leDuc .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.leDuc .pageState span{ color: #f00; font-size: 16px;}

.riDuc{width:460px; float:left; margin-left:40px; padding-top:45px;}
.riDuc h2{font-size:22px; color:#000; overflow:hidden; line-height:35px; font-weight:500;}
.riDuc p{width:100%; overflow:hidden; font-size:16px; line-height:26px; padding-top:10px; color:#333;}
.riDuc a.more{font-size:18px; line-height:45px; display:inline-block; width:260px; background:#fcbb28; color:#fff; text-align:center; margin-top:100px;}
.riDuc a.more:hover{background:#f8ad01;}

.ductBot{width:1200px; margin:10px auto 45px; overflow:hidden;}
.ductBot .hd{width:100%; overflow:hidden;}
.ductBot .hd ul{width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.ductBot .hd ul li{float:left;width:150px; text-align:center; font-size:16px; color:#333; line-height:55px; cursor:pointer; position:relative;}
.ductBot .hd ul li span.line{width:0;height: 2px;background: #f8ad01;display: block;position: absolute;left: 50%;bottom: 0;left: 0;transition: width .3s,left .3s;}
.ductBot .hd ul li.on span.line,.ductBot .hd ul li:hover span.line{width:100%;}
.ductBot .hd ul a.mrg{width:20px; float:right; height:55px; background:url(../images/pro30.png) no-repeat center; margin-right:35px;}

.ductBot .bd{padding:15px; overflow:hidden;}
.ductBot .bd ul{font-size:14px; line-height:24px; color:#666;}
.ductBot .bd ul a.lCk{font-size:16px; color:#666; display:block; line-height:26px;padding: 7px 0 7px 15px;background: url(../images/case23.png) no-repeat left 17px;}
.ductBot .bd ul a.lCk:hover{background:url(../images/case23_h.png) no-repeat left 17px;color:#f8ad01;}

.pn-title{position:fixed;top:50%;left:0;z-index:9;background:#f8ad01;color:#fff;font-size:16px;text-align:center;box-shadow:inset 0 0 30px rgba(0,0,0,.2);line-height:26px;width:45px;padding:10px 0;cursor:pointer;border-radius: 0 10px 10px 0;margin-top: -62px;}
.pn-title span{display:block}
.pn-list{position:fixed;top:135px;left:-305px;z-index:10;background:#fff;width:305px;height:350px;overflow:auto;transition:left .5s;box-shadow:0 0 20px rgba(0,0,0,.2);border-radius:0 10px 10px 0;}
.pn-list.on{left:0}
.pn-list ul{width:100%}
.pn-list li{width:100%;}
.pn-list li .pn-tit-one{display:block;width:83%;height:50px;line-height:50px;color:#010101;font-size:16px;padding:0 2% 0 15%;background:#fff url(../images/pro01_1.png) no-repeat 6% center;transition:background .3s}
.pn-list li .pn-con-one{display:none}
.pn-list li .pn-tit-one.cut{background:#f8ad01 url(../images/pro01_1h.png) no-repeat 6% center;color:#fff}
.pn-list li .pn-tit-two.cur,.pn-list li .pn-tit-three.cut,.pn-list li .pn-tit-four.cur,.pn-list li .pn-tit-five.cur{color:#f8ad01}
.pn-list li .pn-con-two{display:none;background: #fafafa;}
.pn-list li .pn-tit-two{width:82%;height:50px;line-height:50px;overflow:hidden;display:block;font-size:14px;color:#666;padding:0 2% 0 15%;border:1px solid #e6e6e6;transition:color .3s}
.pn-list li .pn-con-two{width:83%;padding:16px 2% 20px 15%;display:none}
.pn-list li .pn-tit-three{display:block;width:100%;font-size:13px;color:#666;line-height:30px;height:30px;overflow:hidden}
.pn-list::-webkit-scrollbar{width:4px;background-color:#f8ad01border-radius:50px;}
.pn-list::-webkit-scrollbar-track{border-radius:50px;background-color:#f8ad01}
.pn-list::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#fff}
.pn-list li .font-blod{font-weight: bold;}

.searchBox{width:800px; margin:35px auto 0; overflow:hidden;}
.searchBox input.text{width:649px; line-height:68px; float:left; padding-left:25px; padding-right:25px; border:1px solid #ddd; border-right:none; font-size:16px; color:#333;}
.searchBox input.submit{width:100px; line-height:70px; background:#f8ad01 url(../images/sear.png) no-repeat center; cursor:pointer;}

.searMc{float:right; position:relative; margin-left:10px;}
a.search-box{width:50px;height:65px;display:block;float:right;background:#b4b4b4 url(../images/sear.png) no-repeat center;position:relative;z-index:3;transition:background .3s}
.search-send{position:absolute;z-index:9; display:none;background-color:#222; height:65px;right:0;top:0;width:250px;transition:right .3s}
.search-send.on{display:block;}
.search-send .close{display:block;width:18px;height:18px;background:url(../images/head03.png) no-repeat center;position:absolute;top:50%;left:6px;margin-top:-9px;cursor:pointer;opacity:1;filter:alpha(opacity=100);transition:transform .3s ease 0s}
.search-send .close:hover{transform:rotateZ(90deg);transition:transform .3s ease 0s}
.search-send .tex{border:0;font-size:18px;height:80%;text-align:left;width:100%;box-sizing:border-box;color:#fff;background:0;padding:0 5% 0 13%;outline:0; line-height:65px; height:65px;}
.search-send .sub{cursor:pointer;border:0;background:url(../images/sear.png) no-repeat center;background-color:#f8ad01;position:absolute;right:0;bottom:0;width:20%;outline:0; height:65px;}


.history .tleAbo{width:100%; text-align:center; overflow:hidden;}
.history .tleAbo font{display:block; color:#777; font-size:26px; text-transform:uppercase;}
.history .tleAbo span{display:block; color:#666; font-size:20px;}

.history {padding: 7% 0 6%;background: url(../images/bg_bg04.jpg) no-repeat center/cover;}
/*.history #timeline{margin-top: 3%;}
.history #timeline #issues {height: 196px;margin-bottom: 6%; position:relative;}
.history #timeline .bd a.prev {background: url(../images/prev01NN.png) no-repeat 12% center;float: left;width: 10.5%;height: 196px;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s;}
.history #timeline .bd a.prev:hover {background-position: left center;}
.history #timeline .bd a.next {background: url(../images/next01NN.png) no-repeat right 12% center;float: left;width: 10.5%;height: 196px;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s; position:absolute; right:0; top:0;}
.history #timeline .bd a.next:hover {background-position: right center;}
.history #timeline #issues .con {float: left;width: 79%;height: 196px;}
.history #timeline #issues .con .year {float: left;position: relative;overflow: hidden;width: calc(43% - 1px);height: 196px;border-right: 1px solid #000;font: 92px/196px Arial;color: #333;text-align: center;}
.history #timeline #issues .con .year span:first-child {top: -100%;}
.history #timeline #issues .con .year span:last-child {top: 100%;}
.history #timeline #issues .con .det {float: right;display: table;width: 48%;padding-left: 9%;height: 196px;}
.history #timeline #issues .con .det span {display: table-cell;vertical-align: middle;font-size: 14px;line-height: 2;color: #666;}
.history #timeline #dates{position: relative;overflow: hidden;height: 73px;}
.history #timeline #dates ul{padding-top: 23px;height: 50px;background: url(../images/bg_sign19.png) no-repeat center top; width:1080px; margin:0 auto;}
.history #timeline #dates li {float: left;width: 67px;font: 24px/50px Arial;color: #666;text-align: center;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s;}
.history #timeline #dates li.on,.history #timeline #dates li:HOVER{color: #f8ad01;}*/

#timeline{width: 1200px;overflow: hidden;margin: 30px auto 0;position: relative;background: url('../images/dot.gif') left 276px repeat-x;}
#dates{width: 1200px;height:50px;overflow: hidden;}
#dates li{list-style: none;float: left;width: 100px;height: 50px;font-size: 24px;text-align: center;background: url('../images/biggerdot.png') center bottom no-repeat;}
#dates a{line-height: 38px;padding-bottom: 10px;}
#dates .selected{font-size: 38px;}

#issues{width: 1200px;overflow: hidden;}	
#issues li{width: 1200px;list-style: none;float: left; margin-bottom:35px;}
#issues li .con {width: 79%;height: 196px; margin:0 auto;}
#issues li .con .year {float: left;position: relative;overflow: hidden;width: calc(43% - 1px);height: 196px;border-right: 1px solid #000;font: 92px/196px Arial;color: #333;text-align: center;}
#issues li .con .year span:first-child {top: -100%;}
#issues li .con .year span:last-child {top: 100%;}
.history #timeline #issues .con .det {float: right;display: table;width: 48%;padding-left: 9%;height: 196px;}
#issues li .con .det span {display: table-cell;vertical-align: middle;font-size: 14px;line-height: 2;color: #666;}
#grad_left,#grad_right{width: 100px;height: 350px;position: absolute;top: 0; cursor:pointer; display:none;}
#grad_left{left: 0;background:url(../images/prev01NN.png) no-repeat left 95px;}
#grad_right{right: 0;background:url(../images/next01NN.png) no-repeat right 95px;}
#next,#prev{position: absolute;top: 0;font-size: 70px;top: 85px;width: 45px;height: 38px;background-position:center;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next{right: 0;background-image: url('../images/next01NN.png');}
#prev{left: 0;background-image: url('../images/prev01NN.png');}
#next.disabled,#prev.disabled{opacity: 0.2;}

.honnrMc{width:100%}
.honnrMc li{width:375px;margin:0 35px 40px 0;float:left;transition:box-shadow .3s}
.honnrMc li:nth-child(3n){margin-right:0}
.honnrMc li .pic{width:373px;height:173px;border:1px solid #e6e6e6;overflow:hidden; display: table-cell;vertical-align: middle;}
.honnrMc li img{max-width: 100%;max-height: 173px;display: block;margin: auto;}
.honnrMc li .con{display:block;width:333px;border:1px solid #e6e6e6;border-top:0;padding:10px 20px 20px}
.honnrMc li .nnnn{font-size:18px;color:#333;line-height:30px;transition:color .3s; font-weight:500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.honnrMc li .time{color:#999;line-height:26px;font-size:14px; padding-top:15px;}
.honnrMc li .font{font-size:14px;color:#666;line-height:24px;margin-top:14px;height:48px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.honnrMc li:hover h2{color:#f4ab03;}
.honnrMc li:hover{box-shadow:0 0 20px rgba(0,0,0,.1);}

.cAclist{padding-top:25px; width:100%; overflow:hidden;}
.cAclist .title{text-align:center;margin-bottom:30px;}
.cAclist .title h2{font-size:32px;color:#333;line-height:52px; font-weight:500;}
.cAclist .title p{font-size:16px;color:#666;line-height:26px}

.case-listp{overflow:hidden; padding-bottom:30px;}
.case-listp ul.slides{width:100%; overflow:hidden; padding-bottom:30px;}
.case-listp ul.slides li{width: 21%;background: url(../images/case15.png) no-repeat 1% center;font-size: 16px;color: #666;float: left;line-height: 33px;padding: 8px 0 8px 4%;cursor: pointer;transition: background .3s,color .3s;}
.case-listp ul.slides li.on a,.case-listp ul.slides li:hover a{color: #f4ab03;}
.case-listp ul.slides li.on,.case-listp ul.slides li:hover{background:url(../images/case15_h.png) no-repeat 1% center;}
.case-listp ul.slides li a{color: #666;}

.case-link-list{width:100%; overflow:hidden;}
.case-link-list li {width: 100%;padding: 23px 0;float: left;}
.case-link-list .pic {width: 20.5%;float: left;overflow: hidden;}
.case-link-list img {width: 100%;transition: transform .3s;}
.case-link-list .con {float: right;width: 75%;float: right;}
.case-link-list h2 {font-size: 20px;color: #333;line-height: 40px;margin: 10px 0 5px;font-weight: bold;height: 40px;overflow: hidden;transition: color .3s;}
.case-link-list .font {font-size: 14px;color: #777;line-height: 24px;height: 48px;overflow: hidden;}
.case-link-list .more {width: 125px;height: 36px;text-align: center;line-height: 36px;border: 1px solid #e4e4e4;font-size: 14px;color: #666;border-radius: 2px;margin-top: 25px;transition: color .3s,border .3s,background .3s;}
.case-link-list li:hover {background: url(../images/case17.png) no-repeat center;background-size: auto 100%;}
.case-link-list li:hover img{transform:scale(1.1)}
.case-link-list li:hover h2{color:#f4ab03;}
.case-link-list li:hover .more{background:#f4ab03; border:1px solid #f4ab03; color:#fff;}

.Fiexd{width:500px; height:350px; position:fixed; left:32%; top:20%; z-index:9999; display:none;}
.Fiexd span.colse{width:30px; height:30px; line-height:30px; text-align:center; background:#fff; border-radius:100%; color:#333; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.Fiexd span.colse:hover{color:#fff; background:#f8ab00;}

#puta{width:100%; text-align:center; display:block; line-height:35px;}
#puta span.goBot{font-size:16px; color:#333; padding-right:24px; background:url(../images/jt_bot.png) no-repeat right center; background-size:20px 20px;}
#puta span.goTop{font-size:16px; color:#333; padding-right:24px; background:url(../images/jt_top.png) no-repeat right center; background-size:20px 20px;}

.tableBox{width:100%; overflow:hidden; padding-top:15px;}
.tableBox table{width:100%; overflow:hidden; line-height:42px;}
.tableBox table tr{background:#fbfbfb; padding:0 5px; text-align:center;}
.tableBox table tr:first-child{background:#ebebeb;}
.tableBox table tr:nth-child(2n){background:#fff;}
.tableBox table tr th{font-size:15px; color:#333;}
.tableBox table tr td{font-size:14px; color:444;}

.selPc{width:500px; position:absolute; right:60px; top:285px;}
.selPc select#sel{width:420px; border:1px solid #f8ad01; border-radius:6px; height:36px; font-size:16px; color:#f8ad01; line-height:36px;}
.selPc .mrGp{display:none; font-size:14px; color:#333; line-height:26px; padding-top:15px;}

.vioLe{width:100%;}
.riBrx{
    width: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    height: 100%;
    text-align: center;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 120px 0 60px 0;
}
.riBrx_top{
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.riBrx_top span:nth-child(1){
    color: #d1d2d6;
    font-size: 42px;
    display: block;
    text-transform: uppercase;
    font-family: "Impact";
    line-height: 50px;
    margin-bottom: 5px;
}
.riBrx_top span:nth-child(2){
    color: #7d7d7f;
    font-size: 32px;
    display: block;
    line-height: 40px;
}
.riBrx_text{
    width: 55%;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.riBrx_t01{
    font-size: 28px !important;
    color: #FFFFFF;
    line-height: 42px !important;
    margin-top: 35px !important;
}
.fiveBox{width: 100%;padding: 20px 0;}
.fiveBox>p{font-size: 30px;text-align: center;color: #37BBFF}
.fiveBox div{width: 60%;margin: 20px auto;}
.fiveBox div p{font-size: 22px;color: #000000;line-height: 35px;}